<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<script type="text/javascript" charset="UTF-8">
		function showBody2(){
			var div1 = document.getElementById('bodyForm2');
			div1.style.display = "";
		}
		
		function closeBody2(){
			var div1 = document.getElementById('bodyForm2');
			div1.style.display = "none";
		}
	</script>
</head>
<body>
<form name="form2">

	<div style="background-color: #0066bb;">
		<font face="Arial Narrow" size=3 color="#FFFFFF"><b>&nbsp;Consulta Posición Histórica</b></font>
	</div>

	<br/>
	<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td>
			<font face="Arial Narrow" size="3" color="#000080"><b>Ingrese Documento del Cliente:</b></font>&nbsp;
			<select onchange="closeBody2();">
			<option>EXT</option>
			<option selected="selected">LE</option>
			<option>COM</option>
			<option>OSD</option>
			<option>...</option>
			</select>&nbsp;
			
			<input maxlength="8" size="10">&nbsp;
			<a href="javascript:showBody2();"><img src="imagenes/lupa.gif" border="0" height="18"></a>
		</td>
	</tr>
	</table>
	
	<br/>
	<div id="bodyForm2" style="display:none;">
		
		<table border=1 width=80%>
		<tr>
		<td colspan=6 bgcolor="#0066bb"><font face="Arial Narrow" size=3 color="#FFFFFF"><b>DATOS GENERALES</b></font></td>
		</tr>
		<tr>
		<td bgcolor="#0066bb" width=20%><font face="Arial Narrow" size=3 color="#FFFFFF">Código Central:</font></td>
		<td colspan=5><font face="Arial Narrow" size=3 color="#000080"><b>22456754</b></font></td>
		</tr>
		<tr>
		<td bgcolor="#0066bb" width=20%><font face="Arial Narrow" size=3 color="#FFFFFF">Nombres:</font></td>
		<td colspan=5><font face="Arial Narrow" size=3 color="#000080"><b>Jorge Luis Peves</b></font></td>
		</tr>
		<tr>
		<td bgcolor="#0066bb" width=20%><font face="Arial Narrow" size=3 color="#FFFFFF">Documento:</font></td>
		<td colspan=5><font face="Arial Narrow" size=3 color="#000080"><b>DNI - 40532434</b></font></td>
		</tr>
		</table>
		
		<BR>
		<table border=1 width=80%>
		<tr>
		<td bgcolor="#0066bb"><font face="Arial Narrow" size=3 color="#FFFFFF"><b>PRODUCTO</b></font></td>
		<td bgcolor="#0066bb" align=center><font face="Arial Narrow" size=3 color="#FFFFFF"><b>TARJETAS DE CRÉDITO</b></font></td>
		<td bgcolor="#0066bb" align=center><font face="Arial Narrow" size=3 color="#FFFFFF"><b>PRÉSTAMO PERSONAL</b></font></td>
		</tr>
		<tr>
		<td bgcolor="#0066bb"><font face="Arial Narrow" size=3 color="#FFFFFF">28/02/2011</font></td>
		<td align=right><font face="Arial Narrow" size=3 color="#000080"><b>60,000.00</b></font></td>
		<td align=right><font face="Arial Narrow" size=3 color="#000080"><b>30,000.00</b></font></td>
		</tr>
		<tr>
		<td bgcolor="#0066bb"><font face="Arial Narrow" size=3 color="#FFFFFF">31/03/2011</font></td>
		<td align=right><font face="Arial Narrow" size=3 color="#000080"><b>70,000.00</b></font></td>
		<td align=right><font face="Arial Narrow" size=3 color="#000080"><b>0.00</b></font></td>
		</tr>
		<tr>
		<td bgcolor="#0066bb"><font face="Arial Narrow" size=3 color="#FFFFFF">30/04/2011</font></td>
		<td align=right><font face="Arial Narrow" size=3 color="#000080"><b>50,000.00</b></font></td>
		<td align=right><font face="Arial Narrow" size=3 color="#000080"><b>80,000.00</b></font></td>
		</tr>
		</table>
		<font face="Arial Narrow" size=2 color="#000080">* Montos Expresados en divisa: <b>PEN</b></font><BR>
		
	</div>
</form>
</body>
</html>